<template>
    <div>
        <van-swipe :autoplay="3000">
        <van-swipe-item v-for="(image, index) in images" :key="index">
            <img v-lazy="image" />
        </van-swipe-item>
        </van-swipe>
        <div class="main">
            <div class="goods-title" id="name">xixixi</div>
            <div class="goods-price">

                <span class="sale-price guide_price">$1224</span>
                <span class="market-price">$241</span>

            </div>

            <div class="sale-count" id="total_num">剩余12</div>
        </div>
        <div class="hd-split"></div>

        <div class="van-row list">
                <div class="van-col van-col--3"><img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive"></div>
                <div class="van-col van-col--18">
                    <div class="title van-hairline--bottom">
                        门店：西塔店
                    </div>
                    <div class="fee">和平区xxxx街道111号</div>
                </div>
                <div class="van-col van-col--3">
                    <van-icon name="phone"/>
                </div>
            </div>
            <div class="van-row list">
                <div class="van-col van-col--3"><img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive"></div>
                <div class="van-col van-col--18">
                    <div class="title van-hairline--bottom">
                        门店：西塔店
                    </div>
                    <div class="fee">和平区xxxx街道111号</div>
                </div>
                <div class="van-col van-col--3">
                    <van-icon name="phone"/>
                </div>
            </div>

        <div class="main">
            <van-cell-group>
                <van-cell title="商品详情" icon="comment-o" class="sd-title"/>
            </van-cell-group>
            <div class="sd-content">

                <p>项目宗旨:救命救残,积福积德</p>
                <p>项目群体:沈阳户籍居游卡实名会员本人</p>
                <p>项目范围:日常生活及旅游活动中突发各种急诊重症急救,抢救费用,不包括急救抢救后治疗费用</p>
                <p>项目资金:</p>
                <p>1.资金来源:社会募集,爱心捐赠</p>
                <p>2.资金管理:面向社会公开发布捐赠企业(捐赠人)名单,捐赠金额,捐赠时间等详细信息</p>
                <p>面向社会公开发布被救助人姓名,救助金额,救助事项,救助时间,救助医院,还款情况等详情信息,确保转款专用,捐赠企业(捐赠人),社会各界民众皆可随时查阅捐款记录及使用记录</p>
                <p>资金使用:合作医院协议,合作医院预存</p>
                <p>项目方式:识别身份;居游卡号;身份证号;手机号码</p>
                <p>启动资金</p>
                <p>应急治疗</p>
                <p>返还资金</p>
                <p>社会公示</p>
                <p>幸福缔造,沈阳再创全国第一</p>
                <p>服务"企业营商环境建设",服务"供给侧结构性改革",服务"零售业销售转型",服务"大众创业,万众创新",服务"社会消费经济增长"......诸多的国家政策要求,在沈阳独自建设打造的"商客"平台上,得到一站式贯彻落实.</p>
                <p>服务"企业营商环境建设",--助流通,推动商品销售转型</p>
                <p>服务"大众创业,万众创新",--领投入,保盈利,扩大就业创业率.</p>
                <p>服务"供给需求有效对接",--降成本,惠民众,拉动消费经济增长.</p>

                <p>垫付医疗保障简介</p>
                <p>保障金性质</p>
                <p>公益慈善资金</p>
                <p>保障金来源</p>
                <p>社会爱心企业,爱心人士捐赠资金,社会爱心企业,爱心人士捐赠商品,义卖筹集资金,受保障对象,年度一元捐活动募集资金</p>
                <p>保障金用途</p>
                <p>为旅游过程中或日常生活中突发危害,重症的市民游客提供急诊费,急救费垫付服务,保障第一时间送医,第一时间治疗,救危救急,救命救残</p>
                <p>保障金管理</p>
                <p>网络化公开公示捐赠企业,捐赠商品,捐赠资金情况,网络化公开公示垫付医疗保障金救助使用情况,联合银行及媒体共同监管,捐赠企业,市民游客即时查看,自由查询</p>
                <p>保障对象</p>
                <p>捐赠资金或捐赠商品企业员工,辽宁省涉旅企业惠民消费联盟会员</p>
                <p>保障范围</p>
                <p>急性心脑血管疾病,急性心脏病,断肢,指(趾)</p>
                <p>保障内容</p>
                <p>垫付急诊费,垫付急救费</p>
                <p>保障方式</p>
                <p>洽谈合作意愿,签订急诊重症垫付医疗协议;开发智能系统,铺设智能设备,验证垫付医疗对象身份,第一时间对发生急诊重症的保障对象启动垫付医疗,保障救命救残</p>
                <p>保障原则</p>
                <p>针对具有偿还能力的保障对象,垫付应急,收回垫付资金,针对不具有偿还能力的保障对象,经所在单位证实,捐赠垫付资金</p>
                <p>保障金监管机构</p>
                <p>沈阳市旅游委员会</p>
                <p>建设银行</p>
                <p>沈阳晚报</p>
                <p>所有捐赠企业</p>

                <p>救人生死 功盖天地</p>
                <p>救人于生死 功德感天地</p>

            </div>
        </div>
        <div class="main">
            <van-cell-group>
                <van-cell title="温馨提示" icon="comment-o" class="sd-title"/>
            </van-cell-group>
            <div class="sd-content" style="margin-bottom:40px;">
                <p>
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                </p>
                <img src="../../../assets/upgrade20.jpeg">
            </div>
        </div>
        <van-goods-action>
        <van-goods-action-mini-btn
            icon="chat-o"
            text="客服"
            @click="onClickMiniBtn"
        />
        <van-goods-action-mini-btn
            icon="cart-o"
            text="购物车"
            @click="onClickMiniBtn"
        />
        <van-goods-action-big-btn
            text="加入购物车"
            @click="onClickBigBtn"
        />
        <van-goods-action-big-btn
            primary
            text="立即购买"
            @click="onClickBigBtn"
        />
        </van-goods-action>
    </div>

</template>
<script>

export default {
  data () {
    return {
      images: [
        'https://shangke2.oss-cn-qingdao.aliyuncs.com/app/skv4/common1554342840000/c01ff1900aa31156f14a2b36532df2f.jpg',
        'https://shangke2.oss-cn-qingdao.aliyuncs.com/app/skv4/common1554342840000/c01ff1900aa31156f14a2b36532df2f.jpg'
      ],
      active: 0
    }
  },
  methods: {
    // onClickMiniBtn() {
    // Toast('点击图标');
    // },
    // onClickBigBtn() {
    // Toast('点击按钮');
    // }
  }
}

</script>

<style scoped>
    .van-swipe__track img{
        width: 100%;
        height: 350px;
    }
    .main {
        padding: 10px 15px;
        background-color: white;
        /*margin-bottom: .3rem;*/
    }
    .van-cell .van-icon.van-cell__left-icon{
        color: orangered;
    }
    .goods-title {
        font-size: 16px;
        margin-bottom: .15rem;
        font-weight: bold;
    }
    .goods-price {
        display: inline-flex;
        align-items:flex-end;
        margin-bottom: .3rem;
    }
    .sale-price {
        font-size: 14px;
        color: orangered;
    }
    .sale-price>em {
        font-size: 12px;
        color: orangered;
    }
    .market-price {
        font-size: 12px;
        color: #999999;
        text-decoration: line-through;
        margin-left: 10px;
        margin-right: 10px;
    }

    .sd-title {
        color: orangered;
        /* font-size: .3rem;
        padding: .24rem .24rem .24rem 0; */
        border-bottom: 1px solid orangered;
        padding: 0;
    }
    .sd-content {
        padding: .2rem 0;
    }
    .sd-content>p {
        font-size: 14px;
        color: #333333;
        text-indent: 2em;
        margin-bottom: .1rem;
    }
    .sd-content>img {
        width: 100%;
        height: auto;
        margin-bottom: .1rem;
    }

    .sale-count {
        float: right;
        font-size: 14px;
        color: #666666;
        margin-top: .15rem;
    }
    .footer-item,.footer-price{
        color: orangered;
    }
    .buy-btn{
        background-color: orangered;
        color: white;
    }
    .van-row img{
        height: 100%;
        width: 100%;
    }
    .van-row,list{
        padding: 10px 15px;
        background: #ffffff;
        font-size: 14px;
    }
    .van-col.van-col--18{
        padding-left: 10px;
    }
    .van-hairline--bottom::after{
        border-bottom-width: 0;
    }
    .van-col--3 {
        color: green;
        font-size: 2em;
    }
    .title.van-hairline--bottom{
        padding-top: 5px;
    }
</style>
